<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../templates/mantenimiento.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                    
                xmlns:r="http://richfaces.org">

    <ui:define name="title">
        Administracion de institucion
    </ui:define>
    <ui:define name="datos">

        <center>
            <h:panelGrid id="panelDatos">
                <h:form id="formDatos">
                    <r:focus id="foco" />
                    <p:panel header="Datos"   >

                        <h:panelGrid id="datos1" columns="4" >

                            <h:graphicImage library="images/ajax" name="bullet.gif" />
                            <h:outputText value="Tipo institución" />
                            <p:selectOneMenu  label="Tipo institución" id="tipIns"  converter="JsfConverterTipoInstitucion" required="true" value="#{jsfInstitucion.object.admTipoInstitucion}" >
                                <f:selectItem itemLabel="Seleccione..."/>      
                                <f:selectItems value="#{jsfTipoInstitucion.selectedItem}" var="item"/>      
                            </p:selectOneMenu>
                            <p:message for="tipIns" />

                            <h:graphicImage library="images/ajax" name="bullet.gif" />
                            <h:outputText value="Institución Sistema" />
                            <p:selectOneMenu  label="Institución Sistema" id="insSist"  converter="JsfConverterInstitucionSistema" required="true" value="#{jsfInstitucion.object.admInstitucionSistema}" >
                                <f:selectItem itemLabel="Seleccione..."/>      
                                <f:selectItems value="#{jsfInstitucionSistema.selectedItem}" var="item"/>      
                            </p:selectOneMenu>
                            <p:message for="insSist" />

                            <h:graphicImage library="images/ajax" name="bullet.gif" styleClass="pic" />
                            <h:outputText value="Provincia:" />
                            <p:selectOneMenu  label="Provincia" id="provincia"  converter="JsfConverterDivisionPolitica" required="true" value="#{jsfInstitucion.provincia}" >
                                <f:selectItem itemLabel="Seleccione..."/>      
                                <f:selectItems value="#{jsfInstitucion.selectedItemProvincia}" var="item"/>      
                                <f:ajax event="change" execute="provincia" render="canton" />
                            </p:selectOneMenu>
                            <p:message for="provincia"/>

                            <h:graphicImage library="images/ajax" name="bullet.gif" styleClass="pic" />
                            <h:outputText value="Canton:" />
                            <p:selectOneMenu  label="Canton" id="canton"  converter="JsfConverterDivisionPolitica" required="true" value="#{jsfInstitucion.canton}" >
                                <f:selectItem itemLabel="Seleccione..."/>      
                                <f:selectItems value="#{jsfInstitucion.selectedItemCanton}" var="item"/>      
                                <f:ajax event="change" execute="canton" render="parroquia" />
                            </p:selectOneMenu>
                            <p:message for="canton"/>

                            <h:graphicImage library="images/ajax" name="bullet.gif" styleClass="pic" />
                            <h:outputText value="Parroquia:" />
                            <p:selectOneMenu  label="Parroquia" id="parroquia"  converter="JsfConverterDivisionPolitica" required="true" value="#{jsfInstitucion.object.admDivisionPolitica}" >
                                <f:selectItem itemLabel="Seleccione..."/>      
                                <f:selectItems value="#{jsfInstitucion.selectedItemParroquia}" var="item"/>      
                            </p:selectOneMenu>
                            <p:message for="parroquia"/>

                            <h:graphicImage library="images/ajax" name="bullet.gif" />
                            <h:outputText value="Nombre:" />
                            <p:inputText label="Nombre" id="nombre" size="30" maxlength="100" required="true" value="#{jsfInstitucion.object.nombre}" >
                                <f:validateLength minimum="3"  />
                            </p:inputText>
                            <p:message for="nombre"/>

                            <h:graphicImage library="images/ajax" name="bullet.gif" />
                            <h:outputText value="Codigo UI:" />
                            <p:inputText label="Codigo UI" id="codigo" size="20" maxlength="32" required="true"  value="#{jsfInstitucion.object.codigoUi}" >
                            </p:inputText>
                            <p:message for="codigo"/>


                            <h:graphicImage library="images/ajax" name="bullet.gif" />
                            <h:outputText value="Dirección:" />
                            <p:inputText label="Dirección" id="direccion" size="30" maxlength="100" required="true" value="#{jsfInstitucion.object.direccion}" >
                            </p:inputText>
                            <p:message for="direccion"/>

                            <f:verbatim/>
                            <h:outputText value="Telefono:" />
                            <p:inputText label="Telefono" id="telefono" size="20" maxlength="16"  value="#{jsfInstitucion.object.telefono}" >
                            </p:inputText>
                            <p:message for="telefono"/>

                            <f:verbatim/>
                            <h:outputText value="Mail:" />
                            <p:inputText label="Mail" id="mail" size="30" maxlength="64"  value="#{jsfInstitucion.object.email}" >
                            </p:inputText>
                            <p:message for="mail"/>

                            <h:graphicImage library="images/ajax" name="bullet.gif" />
                            <h:outputText value="responsable:" />
                            <p:inputText label="Responsable" id="responsable" size="30" maxlength="128" required="true"  value="#{jsfInstitucion.object.responsable}" >
                            </p:inputText>
                            <p:message for="responsable"/>

                            <f:verbatim/>
                            <h:outputText value="Porcentaje de turnos:" />
                            <p:spinner id="porcentae" label="Porcentaje de turnos"  value="#{jsfInstitucion.object.porcentajeTurnos}">
                                <f:validateLongRange minimum="0" maximum="100"/>
                            </p:spinner> 
                            <p:message for="porcentae"/>







                        </h:panelGrid>


                        <h:panelGroup >
                            <h:graphicImage library="images/ajax" name="bullet.gif" />
                            <h:outputText value="Campo obligatorio" styleClass="campo-obligatorio"/>
                        </h:panelGroup>
                        <div class="separador" />

                        <p /> 
                        <br />
                        <center>
                            <h:panelGrid >
                                <h:panelGroup id="panelBotones">
                                    <r:commandButton id="btGrabar" value="Grabar" execute="datos1" render=":panelDatos" action="#{jsfInstitucion.grabarAction}"   title="Grabar registro">
                                    </r:commandButton>
                                    <h:commandButton id="btNuevo" value="Nuevo" action="#{jsfInstitucion.nuevoAction}"  title="Limpiar o crear nuevo registro">
                                        <f:ajax event="action" execute="datos1 panelLista" render="@form"/>
                                    </h:commandButton>
                                    <r:status id="commonStatus">
                                        <f:facet name="start">
                                            <h:graphicImage library="images/ajax" name="status2.gif"/>
                                        </f:facet>
                                    </r:status>
                                </h:panelGroup>
                            </h:panelGrid>
                        </center>
                        <p:message for="formDatos">
                            <f:facet name="errorMarker">
                                <h:graphicImage library="images/ajax" name="warning.gif"/>
                            </f:facet>
                            <f:facet name="infoMarker">
                                <h:graphicImage library="images/ajax" name="passed.gif"/>
                            </f:facet>
                        </p:message>


                        <h:panelGrid id="panelLista" >
                            <p:dataTable id="listaSimple" value="#{jsfInstitucion.lista}" var="item"  rows="10" paginator="true"   
                                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                         rowsPerPageTemplate="5,10,15"> 
                                <f:facet name="noData">
                                    No se encontro resultados
                                </f:facet>
                                <f:facet name="header">

                                    <h:outputText value="Instituciones ingresadas [#{jsfInstitucion.lista.size()}]" />

                                </f:facet>
                                <p:column headerText="#" >
                                    <h:outputText value="#{jsfInstitucion.lista.indexOf(item)+1}"/>
                                </p:column>
                                <p:column headerText="Tipo institucion" >
                                    <h:outputText value="#{item.admTipoInstitucion.nombre}"/>
                                </p:column>
                                <p:column headerText="Institucion Sistema" >
                                    <h:outputText value="#{item.admInstitucionSistema.nombre}"/>
                                </p:column>
                                <p:column headerText="Parroquia"  >
                                    <h:outputText value="#{item.admDivisionPolitica.nombre}"/>
                                </p:column>
                                <p:column headerText="Nombre" >
                                    <h:outputText value="#{item.nombre}">
                                    </h:outputText>
                                </p:column> 

                                <p:column headerText="Codigo UI"  >
                                    <h:outputText value="#{item.codigoUi}">
                                    </h:outputText>
                                </p:column> 
                                <p:column headerText="Direcciohn"  >
                                    <h:outputText value="#{item.direccion}">
                                    </h:outputText>
                                </p:column> 

                                <p:column headerText="telefono"  >
                                    <h:outputText value="#{item.telefono}">
                                    </h:outputText>
                                </p:column> 
                                <h:column headerClass="mail"  >
                                    <h:outputText value="#{item.email}"/>
                                </h:column> 
                                <h:column headerClass="Responsable"  >
                                    <h:outputText value="#{item.responsable}"/>
                                </h:column> 
                                <h:column headerClass="Porcentaje"  >
                                    <h:outputText value="#{item.porcentanjeTurnos}"/>
                                </h:column> 
                                <p:column>
                                    <f:facet name="header">
                                        <h:outputText value="Acción" />
                                    </f:facet>
                                    <p:panelGrid columns="1" >
                                        <r:commandLink execute="@this" render="datos1" value="Editar" action="#{jsfInstitucion.editarAction(item)}" title="Editar">

                                        </r:commandLink>
                                    </p:panelGrid>
                                </p:column>

                            </p:dataTable>
                        </h:panelGrid>

                    </p:panel>
                    <p:growl id="growl"  sticky="false" />  

                    <r:popupPanel  header="Reporte"  id="verReporte"  width="1000" height="700" modal="false" resizeable="true" moveable="true"
                                      onmaskclick="#{p:component('verReporte')}.hide()" >                                                                
                        <p:panel id="panelPdfpop" style="width:980px;height:650px;">

                        </p:panel>           
                        <f:facet name="controls">
                            <h:outputLink value="#" onclick="#{p:component('verReporte')}.hide();
                                    return false;"><h:graphicImage library="images/icons" name="Actions-process-stop-icon-24.png"/></h:outputLink>
                        </f:facet>
                    </r:popupPanel>


                    <p:dialog id="popupHis" modal="true"  height="100" width="370" widgetVar="dlgHis">
                        <f:facet name="header">
                            <h:outputText value="Buscar historia clinica" />
                        </f:facet>


                        <h:panelGrid  id="datosPopHis" columns="4">
                            <h:graphicImage   library="images/ajax" name="bullet.gif" />
                            <h:outputText  value="Número de historia clínica:"/>
                            <p:inputText  label="Número de historia clínica" id="historia" size="30" required="true" value="#{jsfPaciente.atrBusqueda}"/>
                            <p:message   for="historia"/>
                        </h:panelGrid>



                        <center>
                            <h:panelGrid >
                                <h:panelGroup >
                                    <r:commandButton id="btnBuscar1" execute="datosPopHis"   render="commonStatus12 listaSimple" value="Buscar" action="#{jsfPaciente.busquedaPor('hcHistoriaClinica')}"  title="Buscar Paciente">

                                    </r:commandButton>

                                    <r:commandButton id="btNuevoPop" execute="historia" render="commonStatus12 historia" value="Nuevo" action="#{jsfPaciente.nuevaBusqueda}"  title="Nuevo Paciente">

                                    </r:commandButton>

                                    <r:status id="commonStatus12">
                                        <f:facet name="start">
                                            <h:graphicImage library="images/ajax" name="status2.gif"/>
                                        </f:facet>
                                    </r:status>
                                </h:panelGroup>
                            </h:panelGrid>
                            <p:message for="datosPopHis">
                                <f:facet name="errorMarker">
                                    <h:graphicImage library="images/ajax" name="warning.gif"/>
                                </f:facet>
                                <f:facet name="infoMarker">
                                    <h:graphicImage library="images/ajax" name="passed.gif"/>
                                </f:facet>
                            </p:message>
                        </center>



                    </p:dialog>

                    <p:dialog id="popupApe" modal="true"  height="120" width="700" widgetVar="dlgApe">
                        <f:facet name="header">
                            <h:outputText value="Buscar historia clínica por nombres" />
                        </f:facet>

                        <h:panelGrid  id="datosPopApe" columns="8">

                            <h:graphicImage library="images/ajax" name="bullet.gif" />
                            <h:outputText value="Apellido paterno:"/>
                            <p:inputText label="Apellido paterno" id="apePPop" size="30" required="true" value="#{jsfPaciente.apellidoPbusqueda}"/>
                            <p:message  for="apePPop"/>

                            <f:verbatim/>
                            <h:outputText value="Apellido materno:"/>
                            <p:inputText  label="Apellido materno" id="apeMPop" size="30"  value="#{jsfPaciente.apellidoMbusqueda}"/>
                            <p:message  for="apeMPop"/>

                            <f:verbatim/>
                            <h:outputText value="Primer nombres:"/>
                            <p:inputText label="Primer nombres" id="pNombrePop" size="30"  value="#{jsfPaciente.pnombrebusqueda}"/>
                            <p:message  for="pNombrePop"/>

                            <f:verbatim/>
                            <h:outputText value="Segundo nombre:"/>
                            <p:inputText  label="Segundo nombre" id="sNombrePop" size="30"  value="#{jsfPaciente.snombrePbusqueda}"/>
                            <p:message  for="sNombrePop"/>


                        </h:panelGrid>



                        <center>
                            <h:panelGrid >
                                <h:panelGroup >
                                    <r:commandButton id="btnBuscarApe" execute="datosPopApe"  render="commonStatus11 panelLista" value="Buscar" action="#{jsfPaciente.busquedaPor('nombre')}"  title="Grabar Paciente">

                                    </r:commandButton>
                                    <r:commandButton id="btNuevoPopApe" execute="sNombrePop pNombrePop apeMPop apePPop" render="commonStatus11 sNombrePop pNombrePop apeMPop apePPop" value="Nuevo" action="#{jsfPaciente.nuevaBusqueda}"  title="Nuevo Paciente">

                                    </r:commandButton>

                                    <r:status id="commonStatus11">
                                        <f:facet name="start">
                                            <h:graphicImage library="images/ajax" name="status2.gif"/>
                                        </f:facet>
                                    </r:status>
                                </h:panelGroup>
                            </h:panelGrid>
                            <p:message for="datosPopApe">
                                <f:facet name="errorMarker">
                                    <h:graphicImage library="images/ajax" name="warning.gif"/>
                                </f:facet>
                                <f:facet name="infoMarker">
                                    <h:graphicImage library="images/ajax" name="passed.gif"/>
                                </f:facet>
                            </p:message>
                        </center>



                    </p:dialog>

                    <p:dialog id="popupCed" modal="true"  height="100" width="370" widgetVar="dlgCed">
                        <f:facet name="header">
                            <h:outputText value="Buscar historia clinica por cédula" />
                        </f:facet>

                        <h:form >
                            <h:panelGrid  id="datosPopCed" columns="8">


                                <h:graphicImage   library="images/ajax" name="bullet.gif" />
                                <h:outputText  value="Número de cédula:"/>
                                <p:inputText label="Número de cédula" id="numero" size="30" required="true" value="#{jsfPaciente.atrBusqueda}"/>
                                <p:message   for="numero"/>

                            </h:panelGrid>



                            <center>
                                <h:panelGrid >
                                    <h:panelGroup >
                                        <r:commandButton id="btnBuscarCed" execute="datosPopCed"  render="commonStatus1 panelLista" value="Buscar" action="#{jsfPaciente.busquedaPor('hcCedula')}"  title="Grabar Paciente">

                                        </r:commandButton>
                                        <r:commandButton id="btNuevoPopCed" execute="numero" render="commonStatus1 numero" value="Nuevo" action="#{jsfPaciente.nuevaBusqueda}"  title="Nuevo Paciente">

                                        </r:commandButton>

                                        <r:status id="commonStatus1">
                                            <f:facet name="start">
                                                <h:graphicImage library="images/ajax" name="status2.gif"/>
                                            </f:facet>
                                        </r:status>
                                    </h:panelGroup>
                                </h:panelGrid>
                                <p:message for="datosPopCed">
                                    <f:facet name="errorMarker">
                                        <h:graphicImage library="images/ajax" name="warning.gif"/>
                                    </f:facet>
                                    <f:facet name="infoMarker">
                                        <h:graphicImage library="images/ajax" name="passed.gif"/>
                                    </f:facet>
                                </p:message>
                            </center>


                        </h:form>
                    </p:dialog>




                </h:form>




            </h:panelGrid>
        </center>





    </ui:define>
</ui:composition>
